<!doctype html>
<html lang="zh-CN">
<head>
  <!-- 必须的 meta 标签 -->
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

  <!-- Bootstrap 的 CSS 文件 -->
  <link rel="stylesheet" href="../css/bootstrap.min.css" >
  <link rel="stylesheet" href="../css/font-awesome.min.css" >


  <title>交大江湖令</title>

  <style>
    html{
      height:100%;
    }
    body{
      height:100%;
    }

    #app{
      width:100%;
      height:100%;

      min-width: 900px;
      min-height:500px;

      overflow: auto;/*超出范围自动产生滚动条*/

      display: flex;/* 定义本元素（#app）是一个flex（柔性布局/灵活布局）盒子  */
      flex-direction: row;/*内部元素按行排列*/

    }


  </style>


</head>
<body>


<div id="app">
  <div class="container-fluid">
    <div class = "row mb-4">
      <div class="col-12 align-content-center text-center">
        <img src="control/assest/images/long_logo.png" class="mx-auto">
      </div>
    </div>
    <div class="row">
      <div class="col-sm-6">
        <div class="card bg-light">
          <div class="card-body text-center">
            <h3 class="card-title text-center">注意事项</h3>
            <p class="card-text text-center">请认真阅读相关事项，避免操作不当</p>
            <hr>
            <ul>
              <li>由于本网站用户仅面对西安交通大学全体师生，请各位用户在注册时务必要填写相关个人信息，以免本网站被不法分子利用</li>
              <li>在使用本网站的过程中，用户一定要注意个人隐私的保护，如遇恶意违规用户，请及时举报</li>
              <li>本网站为非盈利项目，且仅面对西安交通大学全体师生，请勿将自己的账号转接其它校外人员使用，以免被不法分子利用</li>
              <li>在使用本网站过程中，如遇问题请及时向客服反映；可以拨打客服热线11457760，或发送邮件至客服邮箱2243779@jdjhl.com，我们十分欢迎您的意见与建议</li>
            </ul>
          </div>
        </div>
      </div>
      <div class="col-sm-6">
        <div class="card bg-light">
          <div class="card-body text-center">
            <h3 class="card-title text-center">关于我们</h3>

            <hr>
            <ul>
              <li>“交大江湖令”开发团队是我校软件学院2019级部分学生自发组建的，成立于2021年，目前团队已有8名成员与1名指导老师。我们团队以建设安全、文明、稳定的校园服务网站为宗旨，负责开发和提供各种服务于交大师生的校园软件与应用，目前“交大江湖令”项目已开发完成并上线使用，陆续我们会继续开发新的服务网站供大家使用。同时欢迎与我们有相同目标的同学加入我们团队，团队微信群：2188736  QQ群：3874590</li>

            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<script src="../js/jquery-3.6.0.slim.min.js"></script>
<script src="../js/bootstrap.bundle.min.js"></script>
<script src="../js/vue.global.js"></script>
<script src="../js/axios.min.js"></script>
<script src="../js/my-axios.js"></script>
<script src="../layer/layer.js"></script>

</body>
</html>